<script lang='ts'>
import {Component, Vue} from 'vue-property-decorator'
import {mapState, mapMutations, mapGetters, mapActions} from 'vuex'
import manageTemplate from '@/components/ivew_components/manage_template/index.vue'
import { deepCopy } from '@/utils/tools'

@Component({

    computed: {
        ...mapState( 'carTableStore',['toolsModel', 'tableOrders', 'tabeTitleConf', 'toolsFunConf', 'toolsContainerComponent', 'tableReqParams','loading']),
        ...mapGetters('carTableStore', ['foldingLayerState']),
        ...mapGetters('carFormStore', ['controlBtns', 'currentComponentStore']),
    },
    methods: {
        ...mapActions('carTableStore', ['tableSelect'])
    }
})
export default class carManage extends manageTemplate{
    
    name:string = 'carManage'
    tableReqParams:any 
    currentComponentStore:any

    loading:boolean
    
    get componentStore(){
        return this.currentComponentStore
    }
    
    created (){

        // 设置初始请求公司，部门
        this.$store.dispatch('carTableStore/initSet')
     
    }

    beforeDestroy () {
        const _vue:any = this;
        _vue.choicesSelect.destroy()
    }

}

</script>

<style scoped lang='scss'>
.manage{
    position: relative;
    
    display: grid;
    grid-template-columns: _rem(190px) auto;
    grid-template-rows: 1fr;
    grid-column-gap: _rem(10px);

    height: 100%;
}

.tools-bar{
    overflow-y: auto;
    overflow-x: hidden;
    
    grid-row: 1/2;
    grid-column: 1/2;
}

.orders{
    position: relative;
    
    grid-row: 1/2;
    grid-column: auto;

}


// 收缩模式
.manage.close{
     grid-template-columns: _rem(60px) auto;
}


.info-form{
    overflow: hidden;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;

    margin: auto;
    width: 100%;
    background: $default_bg;
    box-shadow: $default_shadow;
    font-size: $font_small;
    z-index: 10;
}

</style>